// import { createVariableColors, variableColorsPlugin } from 'tailwindcss-variable-colors'
// import colors from 'tailwindcss/colors'

// tailwind.config.js
module.exports = {
  prefix: '',
  important: false,
  separator: ':',
  content: ['./index.html', './src/**/*.{vue,js,ts,jsx,tsx}'],
  darkMode: 'class', // ['class', '[arco-theme="dark"]'], // or 'media' or 'class'
  theme: {
    // colors: {
    //   black: '#17171A',
    // },
    // colors: createVariableColors(colors),
    extend: {
      width: {
        96: '24rem',
        120: '30rem',
        180: '45rem',
      },
      minWidth: {
        32: '8rem',
        64: '16rem',
      },
    },
  },
  variants: {
    extend: {},
  },
  corePlugins: {
    // preflight: false,
  },
  plugins: [
    require('daisyui'),
    // variableColorsPlugin(colors),
    // require("@tailwindcss/aspect-ratio"), // 宽高比
    // require('@tailwindcss/line-clamp'), // 显示？行
  ],
  daisyui: {
    themes: false,
  },
}
